<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="keywords" content="云大留学，云南大学,云大，留学">
    <link href= "css/index.css" rel="stylesheet"/>
    <title>留学云大--首页</title>
</head>
<body>
	<div id="header">
			<!-- logo -->
			<div id="header-top">
				<div id="logo-img"><img alt="logo" src="images/logo.png">
					<div class="language">
						<button name="english" vale="english" onclick="">English
						</button>|<button name="chinese" value="chinese" onclick="">中文版</button>
					</div>
				</div>
			</div>
			<!-- 导航 -->
		<div id="header-bottom">
			<div id="header-nav">
				<div id="header-nav-items" class="nav">
					<ul id="main-list" >
						<li><a href="">首页</a></li>  <!--JQiTi字体缺失-->
						<li><a href="">关于我们</a>
							<ul id="aboutUs_sub">
								<li><a href="">云大概况</a></li>
								<li><a href="">联系方式</a></li>
								<li><a href="">如何到达</a></li>
							</ul>
						</li>
						<li id="application"><a href="">留学申请</a>
							<ul id="application_sub">
								<li ><a href="">概况</a></li>
								<li><a href="">院系介绍</a></li>
								<li id="degree"><a href="">学位项目</a>
									<ul id="degree_third">
										<li><a href="">本科</a></li>
										<li><a href="">硕士</a></li>
										<li><a href="">博士</a></li>
									</ul>
								</li>
								<li ><a href="">非学位项目</a>
									<ul >
										<li><a href="">普通进修班</a></li>
										<li><a href="">高级进修班</a></li>
									</ul>
								</li>
								<li><a href="">网上申请</a></li>
								<li><a href="">住宿及费用信息</a></li>
							</ul>
						</li>
						<li id="guide"><a href="">新生指南</a>
							<ul id="guide_sub">
								<li><a href="">保险介绍</a></li>
								<li><a href="">签证及居留许可</a></li>
								<li id="campusLife"><a href="">校园生活指南</a>
									<ul id="campusLife_third">
										<li><a href="">住宿、银行</a></li>
										<li><a href="">医院就医</a></li>
										<li><a href="">网络服务</a></li>
										<li><a href="">食堂、餐厅、超市</a></li>
										<li><a href="">图书馆</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li id="graduation"><a href="">毕业事宜</a>
							<ul id="graduation_sub">
								<li id="leaveSchool"><a href="">离校手续</a>
									<ul id="leaveSchool_third">
										<li><a href="">学位生</a></li>
										<li><a href="">非学位生</a></li>
									</ul></li>
								<li><a href="">相关证明办理</a></li>
							</ul>
						</li>
						<li id="alumnus"><a href="">校友信息</a>
							<ul id="alumnus_sub">
								<li><a href="">校友故事</a></li>
								<li><a href="">校友登记</a></li>
								<li><a href="">留言板</a></li>
							</ul>
						</li>
						<li id="scholarship"><a href="">奖学金</a>
							<ul id="scholarship_sub">
								<li><a href="">中国政府奖学金</a></li>
								<li><a href="">云南省政府奖学金</a></li>
							</ul>
						</li>
						<li id="question"><a href="">常见问题</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
<!-- 轮播图片 -->
	<div id="main-body">
	<div id = "picture-slider" > 
		<div id = "imgIndex" class = "imageShow">
		</div>
		<div id="picture-slider-title"></div>
		<div id = "radio"><!--按钮位置-->
			<input id = "radio0" class = "radio" name = "lit" type = "radio" value = "0" onClick="changeImage(0)" />
			<input id = "radio1" class = "radio" name = "lit" type = "radio" value = "0" onClick="changeImage(1)" />
			<input id = "radio2" class = "radio" name = "lit" type = "radio" value = "0" onClick="changeImage(2)" />
			<input id = "radio3" class = "radio" name = "lit" type = "radio" value = "0" onClick="changeImage(3)" />
			<input id = "radio4" class = "radio" name = "lit" type = "radio" value = "0" onClick="changeImage(4)" />
		</div>
	</div>

<!-- 新闻中心 -->

  <div class='news'>
		<div class='news-left'>
			<div class="news-title"> 
			   <span class="news-title-big">新闻中心</span>
			   <span class="news-title-small more-news"><a href="">更多新闻</a></span>
			</div>
			<div class="picture-news">
				<img src="images/001.png" alt="研究生" width="235" height="159"/>
				<span>研究生</span>
				<a href="#">2016年云南大学招收外国学生来华留学攻读研究生招生简章</a>
			</div>
			<div class="picture-news">
				<img src="images/002.png" alt="学生活动" width="235" height="159" />
				<span>学生活动</span>
				<a href="#">2015年云南高校留学生”来华杯“歌唱比赛通知”</a>
			</div>
		</div>
		<div class='news-right'>
		    <div class="news-right-icon">
				  <a href=""><img src="images/网上申请.png" width='56' height='56px' alt="网上申请" /></a>
				  <span>网上申请</span>
			 </div>
			 <div class="news-right-icon">
				 <a href=""><img src="images/奖学金.png" width='56' height='56px' alt="奖学金" /></a>
				  <span> 奖学金</span>
			 </div>
			  <div class="news-right-icon">
				  <a href="">  <img src="images/常用下载.png" width='56' height='56' alt="常用下载" /></a>
				  <span>常用下载</span>
			 </div>
			 <div id="news-list">
			   <dl>
			     <dt><a href="#">2015云南高校留学生来华留学攻读研究生招生简章</a></dt>
			     <dt><a href="#">感知中国--云南平谷区文化实践体验行报名通知</a></dt>
			      <dt><a href="#">感知中国--云南平谷区文化实践体验行报名通知</a></dt>
			      <dt><a href="#">2015年云南高校留学生“来华杯”歌唱比赛通知</a></dt>
			     <dt><a href="#">2015云南高校留学生来华留学攻读研究生招生简章</a></dt>
			      <dt><a href="#">感知中国--云南平谷区文化实践体验行报名通知</a></dt>
			     <dt><a href="#">2015云南高校留学生来华留学攻读研究生招生简章</a></dt>
			   </dl>
			 </div> 
		</div>
	</div>

<!-- 校园生活 -->
	<div id="row3">
	<div class="campus-life">
	     <!-- 招生简章 -->
	     <div class="news-title">
	     	<span  class="news-title-big"> 校园生活</span>
	     	<span  class="news-title-small"><a href="">更多</a></span>
	     </div>

	    <div class="enrollment-guide">
	       <div class="enrollment-guide-item" >
              <img src="images/003.png" alt="招生简章" width="203" height="118"  />
              <a href="#">2016年云南大学招收外国学生来华留学攻读研究生招生简章</a>
	       </div>
	       	<div class="enrollment-guide-item">
              <img src="images/004.png" alt="招生简章" width="203" height="118" />
              <a href="#">2016年云南大学招收外国学生来华留学攻读研究生招生简章</a>
	       </div>
	       <div class="enrollment-guide-item">
              <img src="images/005.png" alt="招生简章" width="203" height="118" />
              <a href="#">2016年云南大学招收外国学生来华留学攻读研究生招生简章</a>
	       </div>
	       <div class="enrollment-guide-item">
              <img src="images/006.png" alt="招生简章" width="203" height="118" />
              <a href="#">2016年云南大学招收外国学生来华留学攻读研究生招生简章</a>
	       </div>
	    </div>
	</div>   
</div>
	 <!-- 日历 通知公告 视频 -->
	   <div id="calendar-information-video">
	  	<div id = "canlendar">
	      <div class="recentEvent">
	        <div class="recentEvent-Date">
	            <div class="recentEvent-Day"> <!-- 活动预告-日--></div>
	            <div class="recentEvent-Month"><!-- 活动预告-月--> </div>
	        </div>
        	<div class="recentEvent-content">    <!-- 活动预告正文--></div>
    	</div>
	    <div class='calendar-calendar'>
	        <div class='calendar-title'>
	             <img class="lastMonth" src="images/last.png" height="16px" width="10px" onclick="lastMonth()" />
	            <div class="calendar-title-date"></div>
	             <img class="nextMonth" src="images/next.png" height="16px" width="10px" onclick="nextMonth()" />
	        </div>
	        <table id="calendar"></table>
	    </div>
	 </div>

	<div id= "recent-information">
		<div class="news-title"> 
		   <span class="news-title-big">通知公告</span>
		   <span class="news-title-small"><a href="">所有公告</a></span>
		</div>

		 <div class="recent-information-item"  >
		    <div class="date-icon">
				<div class="date-icon-date">
					<p>14</p>
					<p>NOV</p>
				</div>
		    </div>
		    <div class="recent-information-item-content">
		        <a href="">感知中国--云南平谷区文化实践体验行报名通知</a>
		    </div>
	     </div>

	     <div class="recent-information-item"  >
		    <div class="date-icon">
		      <div class="date-icon-date">
				<p>30</p>
				  <p>OCT</p>
			  </div>
		    </div>
		    <div class="recent-information-item-content">
		        <a href="">感知中国--云南平谷区文化实践体验行报名通知</a>
		    </div>
	     </div>

	     <div class="recent-information-item"  >
		    <div class="date-icon">
				<div class="date-icon-date">
					<p>30</p>
					<p>FEB</p>
				</div>
		    </div>
		    <div class="recent-information-item-content">
		        <a href="">感知中国--云南平谷区文化实践体验行报名通知</a>
		    </div>
	     </div>
	</div>

	<div class = "videos" >
		<video controls="controls" width="100%" >
			<source src="images/test.mp4" type="video/mp4" />
			<source src="movie.ogg" type="video/ogg" />
			<source src="movie.webm" type="video/webm" />
			<object data="movie.mp4" width="320" height="240">
				<embed src="images/player_yk.swf" width="320" height="240" />
			</object>
		</video>
		<div class="all-videos"><a href=""><img src="images/button.png" width="23px" height="16px"/>所有视频</a></div>
	</div>
  </div>
	</div>
	 
	<div class="footer">
		<div id="connect-with-us">
			<span>CONNECT　WITH US</span>
		    <span id="phone-number">0871-65033886</span>
		</div>
		<div id="links">
			<ul>
			<li><a href=" ">教务处</a></li>
			<li><a href=" ">研究生院</a></li>
			<li><a href=" ">留学生院</a></li>
			<li><a href=" ">国际学院</a></li>
				<li><a href=" ">留学招生</a></li>
				<li><a href=" ">留学招生</a></li>
			</ul>
	    </div>
	    <div id="copyright">
	    	<p>版权所有Copyright &copy; 2015 云南大学网络与信息中心</p>

	</div>
</div>

 <script src="js/index.js"></script>
  
</body>
</html>